@charset "UTF-8";
@import "base/_base";
view, text, image, icon, button, navigator { margin: 0; padding: 0; line-height: 1; }

button { padding: 0; background-color: transparent; }
button:after { content: none; }

.button-hover { background-color: transparent; }

.navigator-hover { background-color: transparent; }

.hide { display: none !important; }

.v-hide { visibility: hidden; }

.tc { text-align: center !important; }

.tl { text-align: left !important; }

.tr { text-align: right !important; }

.t-justify { text-align: justify !important; }

/****************** layout
*******************/
.flex-box { display: -webkit-box; display: -ms-flexbox; }

.flex { -webkit-box-flex: 1; -ms-flex: 1; }

.flex2 { -webkit-box-flex: 2; -ms-flex: 2; }

.v { -webkit-box-orient: vertical; -ms-flex-direction: column; }

.h { -webkit-box-orient: horizontal; }

.hc { -webkit-box-pack: center; -webkit-pack-items: center; pack-items: center; }

.vc { -webkit-box-align: center; -webkit-align-items: center; align-items: center; }

.box-flex { display: -webkit-box; display: -ms-flexbox; -webkit-box-orient: vertical; -ms-flex-direction: column; }

.justify { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

.flex-full { -webkit-box-flex: 1; -ms-flex: 1; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.flex-end { display: flex; align-items: flex-end; }

.flex-vc { display: -webkit-box; display: -ms-flexbox; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }


.tf { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.f-bold { font-weight: 500; }
@media all and (width: 360px) { .f-bold { font-weight: 700; } }

.scroll-y, .page-scroll-y { overflow-y: scroll; -webkit-overflow-scrolling: touch; }

.page-scroll-y { height: 100vh; box-sizing: border-box; -webkit-box-sizing: border-box; }

/****************** common
*******************/
.spacing{margin-top: 12rpx;}

.tips{
    font-size: 24rpx;color: #888;text-align: center;padding: 10rpx 30rpx;line-height: 1.3;
    .ico-info-gray{margin-right: 6rpx;}
}

/*文字溢出隐藏*/
.tf{@include text-overflow;}

/*增大点击区域*/
.hit-zone{
    position: relative;
    &:before{@include hit-area;}
}

/*跳转箭头*/
.link-jump,.link-jump2{
    position: relative;padding-right: 60rpx!important;
}
.link-jump:after,.link-jump2:before{@include arrow-right;}

/*图片自适应满宽*/
.img-full img{width: 100%;vertical-align: top;}


/*红点*/
.dot-red{
    position: relative;
    &:after{width:14rpx;height: 14rpx;border-radius: 100%;background: #eb5d5d;content: "";position: absolute;right:-16rpx;top: -2rpx;z-index: 3;}
}

/*通用线框*/
.line-top,.line-bottom,.line-left,.line-right{position: relative;}
.line-top:before{@include line-top;z-index:2} //上
.line-bottom:before{@include line-bottom;z-index:2} //下
.line-left:before{@include line-left;z-index:2} //左
.line-right:before{@include line-right;z-index:2} //右

// toast弹层
.toast-transparent{position: fixed;z-index: 1000;top: 0;right: 0;left: 0;bottom: 0;}
.toast-cnt{padding: 40rpx;min-width: 266rpx; max-width:580rpx; position: fixed;z-index: 110;min-height: 152rpx;top: 180rpx;left: 50%;-webkit-transform:translateX(-50%);background: rgba(17,17,17,0.5);text-align: center; border-radius: 10rpx; color: #fff;
    .txt{font-size: 28rpx;color: #fff;line-height: 1.5;padding-top: 36rpx;
        .num{padding: 0 10rpx;}
    }
    
}


/******************
    ios风格弹出层
*******************/
.pop-set{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:100%;position:fixed;top:0;left:0;z-index:999;background-color:rgba(0,0,0,0.7);padding:0 10%;color:#000000;}
.pop-set-wrap{position:relative;background-color: #fafafa;border-radius:6px;color: #000;}
.pop-set-close{position: absolute;right:14rpx;top:14rpx;width: 48rpx;height: 48rpx;}
.pop-set-title{padding-top:40rpx;text-align:center;font-size: 32rpx}
.pop-set-cnt{padding:40rpx 32rpx 30rpx;font-size: 32rpx;line-height: 1.4;min-height: 108rpx;}
.pop-operate{height:86rpx;line-height:86rpx;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), color-stop(1, #f7f7f7));background-image: linear-gradient(to bottom, #f9f9f9, #f7f7f7);border-top:1px solid #eaeaea;border-radius:0 0 12rpx 12rpx;text-align:center;overflow: hidden;}
.pop-operate a{display:inline-block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;font-size: 34rpx;}
.muti-operate a{width:50%;color: #156ae9;}
.muti-operate a:first-child{border-right:1px solid #eaeaea;color: #999;}

.pop-set-top{padding: 20px 15px 10px;border-bottom:1px solid rgba(188,188,188,.9);font-size: 28rpx}
/* for IE */
.pop-set-cnt{position:relative\9;top:40%\9;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
.pop-set-cnt{top:auto;} 
}